const routes = [
  {
    path: "/",
    component: () => import("layouts/MainLayout.vue"),
    children: [
      { path: "", component: () => import("pages/IndexPage.vue") },
      { path: "chatgpt", component: () => import("pages/ChatGPT.vue") },
      {
        path: "video-search",
        component: () => import("pages/VideoSearch.vue"),
      },
      {
        path: "deepseek",
        component: () => import("pages/DeepSeek.vue"),
      },
      {
        path: "application",
        component: () => import("pages/ApplicationPage.vue"),
        children: [
          {
            path: "cloud",
            component: () => import("pages/applications/CloudStore.vue"),
          },
          {
            path: "blog",
            component: () => import("pages/applications/BlogEditor.vue"),
          },
        ],
      },
    ],
  },
  {
    path: "/blog/:catchAll(.*)*",
    component: () => import("pages/BlogPreview.vue"),
  },
  {
    path: "/mobile",
    component: () => import("layouts/MobileLayout.vue"),
    children: [
      { path: "", component: () => import("pages/mobile/IndexPage.vue") },
    ],
  },

  // Always leave this as last one,
  // but you can also remove it
  {
    path: "/:catchAll(.*)*",
    component: () => import("pages/ErrorNotFound.vue"),
  },
];

export default routes;
